<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>博客详情</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="assets/css/style.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="assets/js/cufon-yui.js"></script>
<script type="text/javascript" src="assets/js/arial.js"></script>
<script type="text/javascript" src="assets/js/cuf_run.js"></script>
<!-- CuFon ends -->
</head>
<body>
	<div class="main">
		<div class="header">
			<div class="header_resize">
				<div class="logo">
					<font size="5"><a href="index.html"><span> <c:if
									test="${!empty user}">${user.uname}的博客</c:if></span></a><small><a
							href="login.jsp">登录/注册</a></small></font>
				</div>
				<div class="clr"></div>
				<div class="menu_nav">
					<ul>
						<li class="active"><a href="${pageContext.request.contextPath}/">主页</a></li>
						<li><a href="blog.jsp">博客</a></li>
						<li><a href="about.html">关于我</a></li>
						<li class="last"><a href="contact.html">联系我</a></li>
					</ul>
					<div class="search">
						<form id="form" name="form" method="post" action="">
							<span> <input name="q" type="text" class="keywords"
								id="textfield" maxlength="50" value="搜索......" />
							</span> <input name="b" type="image"
								src="${pageContext.request.contextPath}/assets/images/search.gif"
								class="button" />
						</form>
					</div>
					<!--/search -->
				</div>
				<div class="clr"></div>
			</div>
		</div>
		<div class="clr"></div>
		<div class="content">
			<div class="content_resize">
				<div class="mainbar">
					<div class="article">
						<a href="index.html" style="font-size: 20px; font-weight: 800"><span>文章标题</span></a>
						<div class="clr"></div>
						<p>
							作者<span>&nbsp;&bull;&nbsp;</span> 时间 <a href="#">标签1</a>, <a
								href="#">标签2</a>
						</p>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
							Donec libero. Suspendisse bibendum. Cras id urna. Morbi
							tincidunt, orci ac convallis aliquam, lectus turpis varius lorem,
							eu posuere nunc justo tempus leo. Donec mattis, purus nec
							placerat bibendum, dui pede condimentum odio, ac blandit ante
							orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a
							pharetra condimentum, lorem tellus eleifend magna, eget fringilla
							velit magna id neque. Curabitur vel urna. In tristique orci
							porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer
							adipiscing elit. Donec libero. Suspendisse bibendum. Cras id
							urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis
							varius lorem, eu posuere nunc justo tempus leo.</p>
						<p>
							文章分类: <a href="#">标签1</a>, <a href="#">标签1</a>, <a href="#">标签1</a>,
							<a href="#">标签1</a>
						</p>
						<p>
							<a href="#"><strong>评论 (3)</strong></a> <span>&nbsp;&bull;&nbsp;</span>
							May 27, 2010 <span>&nbsp;&bull;&nbsp;</span> <a href="#"><strong>Edit</strong></a>
						</p>
					</div>
					<div class="article">
						<span style="font-size: 15px; font-weight: 800">评论</span>
						<div class="clr"></div>
						<div class="comment">
							<a href="#"><img src="assets/images/userpic.gif" width="40"
								height="40" alt="user" class="userpic" /></a>
							<p>
								<a href="#">名称</a> 说:&nbsp;&nbsp;&nbsp;&nbsp;评论时间
							</p>
							<p>评论内容</p>
						</div>
					</div>
					<div class="article">
						<span style="font-size: 15px; font-weight: 800">回复</span>
						<div class="clr"></div>
						<form action="#" method="post" id="leavereply">
							<ol>
								<li><label for="name">昵称</label> <input id="name"
									name="name" class="text" /></li>
								<li><label for="email">你的邮箱</label> <input id="email"
									name="email" class="text" /></li>
								<li><label for="website">Website</label> <input
									id="website" name="website" class="text" /></li>
								<li><label for="message">评论内容</label> <textarea
										id="message" name="message" rows="8" cols="50"></textarea></li>
								<li><input type="image" name="imageField" id="imageField"
									src="assets/images/submit.gif" class="send" />
									<div class="clr"></div></li>
							</ol>
						</form>
					</div>
				</div>
				<div class="sidebar">
					<div class="gadget">
						<span style="font-size: 15px; font-weight: 800">标签分类</span>
						<div class="clr"></div>
						<ul class="sb_menu">
							<li><a href="#">java</a></li>
						</ul>
					</div>
					<div class="gadget">
						<span style="font-size: 15px; font-weight: 800">热门帖子</span>
						<div class="clr"></div>
						<ul class="ex_menu">
							<li><a href="#" title="Website Templates">标题</a><br /> 文章概述
							</li>
						</ul>
					</div>
					<div class="gadget">
						<span style="font-size: 15px; font-weight: 800">个性签名</span>
						<div class="clr"></div>
						<p>
							<img src="assets/images/test_1.gif" alt="image" width="18"
								height="17" /> <em>每天进步一点点 </em>.<img
								src="assets/images/test_2.gif" alt="image" width="18"
								height="17" />
						</p>
						<p style="float: right">
							<strong>-王</strong>
						</p>
					</div>
				</div>
				<div class="clr"></div>
			</div>
		</div>
		<div class="fbg">
			<div class="fbg_resize">
				<div class="col c1">
					<span style="font-size: 15px; font-weight: 800">相册</span> <br /> <a
						href="#"><img src="assets/images/gallery_1.jpg" width="58"
						height="58" alt="pix" /></a> <a href="#"><img
						src="assets/images/gallery_2.jpg" width="58" height="58" alt="pix" /></a>
					<a href="#"><img src="assets/images/gallery_3.jpg" width="58"
						height="58" alt="pix" /></a> <a href="#"><img
						src="assets/images/gallery_4.jpg" width="58" height="58" alt="pix" /></a>
					<a href="#"><img src="assets/images/gallery_5.jpg" width="58"
						height="58" alt="pix" /></a> <a href="#"><img
						src="assets/images/gallery_6.jpg" width="58" height="58" alt="pix" /></a>
				</div>
				<div class="col c2">
					<span style="font-size: 15px; font-weight: 800">自己想说的话</span>
					<p>
						Lorem ipsum dolor<br /> Lorem ipsum dolor sit amet, consectetuer
						adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna.
						Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius
						lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec
						placerat bibendum, dui pede condimentum odio, ac blandit ante orci
						ut diam.
					</p>
				</div>
				<div class="col c3">
					<span style="font-size: 15px; font-weight: 800">联系方式</span>
					<p>
						Nullam quam lorem, tristique non vestibulum nec, consectetur in
						risus. Aliquam a quam vel leo gravida gravida eu porttitor dui.
						Nulla pharetra, mauris vitae interdum dignissim, justo nunc
						suscipit ipsum. <a href="#">mail@example.com</a><br /> <a
							href="#">+1 (123) 444-5677</a>
					</p>
				</div>
				<div class="clr"></div>
			</div>
			<div class="footer">
				<p class="lr">
					© Copyright <a href="#">我的博客</a>.
				</p>
				<p class="lf">
					Collect from: <a href="http://www.cssmoban.com/" title="网站模板"
						target="_blank">网站模板</a>
				</p>
				<div class="clr"></div>
			</div>
		</div>
	</div>
</body>
</html>
